*{
    margin: 0;
    padding: 0;
}
html{
    margin: 0;
    padding: 0;
}
.phone{
    overflow: hidden;
    width: 15rem;
    margin: 0rem auto;
}
.phone-head{
    width: 15rem;
    height: 3.6rem;
    background: yellow;
}
.nav_head{
    width: 13.64rem;
    height: 1.76rem;
    margin: 0 auto;
    align-items: center;
}
.nav{
    position: relative;
    width: 15rem;
    height: 3.6rem;
    margin: 0 auto;
    background: yellow; 
}
.nav_img{
    position: absolute;
    top: 0;
    left: 0;
    width: 15rem;
    height: 3.6rem;
    overflow: hidden;
}
.nav_img img{
    position: absolute;
    bottom: 0;
    width: 15rem;
    height: 5.2rem;
}
.nav-head{
    width: 13.64rem;
    height: 1.76rem;
    margin: 0 auto;
    display: flex;
    position: absolute;
    justify-content: space-between;
    align-items: center;
}
.nav-i{
    display: block;
    width: 0.72rem;
    height: 1.2rem;
}
.nav-i_img{
    width: 7.8rem;
    height: 1.5rem;
}

.nav-center{
    width: 11.4rem;
    height: 1.76rem;
    align-items: center;
    display: flex;
    justify-content: center
}
.nav-body{
    width: 15rem;
    height: 1.84rem;
    box-sizing: border-box;
    padding: 0 .48rem;
}
.nav-tab{
    width: 13.64rem;
    height: 1.84rem;
    position: relative;
    padding-top: .3rem;
    margin: 0 auto;
}
.sousuo{
    width: 13.64rem;
    height: 1.2rem;
    background: #fff;
    border-radius: 26px;
    position: absolute;
    line-height: 1.2rem;
    padding:.2rem
}
.nav-tab input{
    width: 12rem;
    height: 1.2rem;
    background: #fff;
}
.nav-sousuo_img{
    width: .8rem;
    height: .8rem;
    position: relative;
    margin: .2rem;
}
.tab-show{
    width: 15rem;
    height: 1.8rem;
    padding: 0rem .4rem;
    display: none;
    position: fixed;
    top: 0rem;
    z-index: 999;
    background-color: #fcdb4b;
}
.tab-inpu{
    position: absolute;
    display: inline-block;
}
.tab-show-center{
    width: 10rem;
}
.tab-showbj{
    width: 11rem;
    height: 1.2rem;
    background: #fff;
    border-radius: 26px;
    position: absolute;
    line-height: 1.2rem;
    padding: .2rem;
    position: absolute;
}
.nav-head{
    width: 14rem;
    margin: 0rem auto;
}
.tab-input{
    width:10rem;
    height: 1.2rem;
    display: inline-block;
    position: absolute;
    border: none;
    outline: none;
}
.tab-input input{
    outline: none;
    border: none;
    width: 9rem;
    height: 1.2rem;
}
.nav-input{
    display: inline-block;
    position: absolute;
    border: none;
    outline: none;
}
.nav-input input{
    border: none;
    outline: none;
}

.banner{
    width: 15rem;
    position: relative;
    height: 3.36rem;
}
.banner-bj{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3.36rem;
}
.banner-slide{
    position: absolute;
    width: 14.04rem;
    height: 3.36rem;
    top: 0;
    left: .48rem;
    overflow: hidden;
}
.banner-listImg{
    height: 3.36rem;
    display: flex;
    width: 70.2rem;
    position: relative;
}
.banner-slide img{
    width: 14.04rem !important;
    height: 3.36rem;
    margin: 0 auto;
    border-radius: .3rem;
}
.banner-ul{
    position: absolute;
    bottom: .24rem;
    width: 100%;
    height: .16rem;
    text-align: center;
    font-size: 0;
}
.current{
    background: #fff !important;
    width: .5rem !important;
    border-radius: 14rem !important;
}
.banner-ul li{
    display: inline-block;
    width: .2rem;
    height: .2rem;
    line-height: .6rem;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    margin: .2rem;
    margin-bottom: .2rem;
}

.hor{
    width: 15rem;
    height: 5.2rem;
    display: flex;
}
.hor img{
    width: 5rem;
    height: 5.2rem;
}
.hor a{
    width: 5rem;
    height: 5.2rem;
}
.sn-list{
    width: 15rem;
    height: 6.6rem;
}
.sn-list ul{
    height: 6.6rem;
}
.sn-list li{
    width: 3rem;
    height: 3.2rem;
    float: left;
}
.sn-list li a{
    width: 3rem;
    margin: .4rem;
    text-align: center;
    height: .56rem;
    overflow: hidden;
    font-size: .44rem;
    margin-top: .1rem;
    color: #666;
}
.sn-list img{
    width: 1.6rem;
    height: 1.6rem;
    margin: .7rem .7rem 0rem;
}
.newImg{
    width: 15rem;
    display: flex;
    height: 4.68rem;
    justify-content: space-between;
    margin-top: 0.48rem;
}
.newImg a img{
    width: 3.74rem;
    height: 4.68rem;
    margin: 0;
    padding: 0;
}
.first-img{
    width: 7.5rem !important;
}
.seckill{
    width: 15rem;
    height: 5.7rem;
    margin-top: .5rem;
    display: flex;
    justify-content: center;
}
.seckill-left{
    width: 7rem;
    height:5.7rem;
    background: #fff;
    border-top-left-radius: 5px;
    border-right: .01rem solid #f1ebeb;
}
.seckill-right{
    width: 7rem;
    height:5.7rem;
    background: #fff;
    border-top-right-radius: 5px;
}
.seckill-a{
    width: 15rem;
    height: 5.7rem;
    display: flex;
    justify-content: center;
}
.seckill-left-a{
    width: 7rem;
    height:5.7rem;
    background: #fff;
    border-right: .01rem solid #f1ebeb;
}
.seckill-right-a{
    width: 7rem;
    height:5.7rem;
    background: #fff;
}
.seckill-t span{
    width: .4rem;
    height: .4rem;;
    background:coral
}
.seckill-t {
    width: 6rem;
    display: flex;
    margin: 0.36rem 0.16rem 0 0.48rem;
}
.seckill-t a{
    width: 3rem;
    display: flex;
    font-size: .7rem;
    line-height: .8rem;
}
.seckill-b-tit{
    width: 6rem;
    display: flex;
    font-size: .2rem;
    line-height: .8rem;
    margin: .1rem .2rem;
    color: #aaa;
}
.seckill-body{
    width: 13.6rem;
    border-top: 1px solid #f1ebeb;
    display: flex;
}
.seckill-img{
    width: 6rem;
    margin: 0 auto;
    display: flex;
    margin: 0rem auto;
    position: relative;
}
.seckill-img img{
    width: 2.4rem;
    height: 2.4rem;
    margin: 0rem .4rem;
}
.seckill-img a{
    width: 2.4rem;
    height: 3rem;
    margin: 0rem .4rem;
}
.seckill-ti{
    position: absolute;
    text-align: center;
    width: 2.6rem;
    height: 1rem;
    line-height: 1rem;
    border-radius: .4rem;
    border: 1px solid #dcdcdc;
}
.seckill-img p{
    padding-left: .4rem;
   text-align: center;
   color: red;
}
.seckill-b{
    padding: 0 .4rem;
}
.seckill-c{
    display: flex;
    width: 15rem;
    height: 3.44rem;
    background: #FFF;
    overflow: hidden;
    margin: 0 auto;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.seckill-c {
    width: 14rem;
    height: 3.44rem;
    list-style: none;
    display: inline-block;
    display: flex;
    justify-content: space-between;
}
.seckill-Fir{
    width: 3.6rem;
    height: 3.44rem;
    padding: .94rem .36rem 0 .36rem;
    text-align: center;
}
.seckill-Fir a:first-child{
    font-size: .6rem;
    height: 3.44rem;
}
.seckill-child{
    width: 2.5rem;
    text-align: center;
}
.seckill-child img{
    width: 2rem;
    height: 2rem;
    margin-top: .5rem;
}
.recommend{
    width: 15rem;
    height: 1.2rem;
}
.recommend img{
    width: 13.6rem;
    height: 1.2rem;
    margin:.15rem .8rem;
}
.recommend-item{
    width: 15rem;
}
.recommend-list{
    width: 14.04rem;
    margin: 0 auto .26rem;
    display: flex;
    justify-content: space-between;
}
.recomment-c{
    position: relative;
    width: 4.52rem;
    height: 5.32rem;
    border-radius: .24rem;
    background: #FFF;
}
.recomment-tit{
    position: relative;
    color: #fff;
    font-size: .4rem;
    text-align: center;
    padding: .4rem;
}
.recomment-c a{
    width: 4rem;
    height: 3rem;
    margin: 0 auto;
    color: #fff;
}
.a{
    position: relative;
    width: 4.4rem;
    height: .64rem;
    font-size: .52rem;
    line-height: .64rem;
    margin: .62rem auto .06rem;
    color: #FFFFFF;
    text-align: center;
    overflow: hidden;
}
.recomment-cImg{
    width: 3rem;
    height: 3rem;
    margin: .3rem .8rem 0rem;
}
.recomment-ct{
    height: 2.1rem;
    position: relative;
}
.recomment-ct img{
    height: 2.1rem;
    position: absolute;
}
.recomment-tit span{
    left: 1.2rem;
    width: 2.4rem;
    position: absolute;
    font-size: .2rem;
    top: -.4rem;
    border: 1px solid orange;
    background: #fff;
    color: orange;
    border-radius: .5rem;
    outline: none;
}
.recomment-child{
    width: 15rem;
    height: 9.6rem;
    margin-top: .5rem;
}
.recomment-child1{
    width: 14rem;
    height: 4.8rem;
    display: flex;
    margin: 0rem auto;
}
.recomment-child2{
    width: 14rem;
    height: 4.8rem;
    display: flex;
    margin: 0rem auto;
}
.recomment-t{
    display: flex;
    height: .64rem;
}
.recomment-t a{
    position: relative;
    top: .02rem;
    display: block;
    background: #F9F5EE;
    border-radius: .56rem;
    height: .56rem;
    line-height: .56rem;
    font-size: .44rem;
    color: #AB813A;
    margin-left: .24rem;
    padding: 0 .24rem;
}
.recomment-f{
    display: block;
    max-width: 4.2rem;
    height: .64rem;
    line-height: .64rem;
    font-size: .52rem;
    font-weight: bold;
}
.recomment-left-a{
    position: relative;
    box-sizing: border-box;
    width: 7rem;
    height: 4.8rem;
    background: #FFF;
    overflow: hidden;
    padding: .42rem 0 .32rem .36rem;
    border-right:1px solid #f3f3f3;
    border-bottom:1px solid#f3f3f3;
    border-top-left-radius: 5px;
}
.recomment-right-a{
    position: relative;
    box-sizing: border-box;
    width: 7rem;
    height: 4.8rem;
    background: #FFF;
    overflow: hidden;
    padding: .42rem 0 .32rem .36rem;
    border-bottom:1px solid #f3f3f3;
    border-top-right-radius: 5px;
}
.recomment-left-b{
    position: relative;
    box-sizing: border-box;
    width: 7rem;
    height: 4.8rem;
    background: #FFF;
    overflow: hidden;
    padding: .42rem 0 .32rem .36rem;
    border-right:1px solid #f3f3f3;
    border-bottom-left-radius: 5px;
}
.recomment-right-b{
    position: relative;
    box-sizing: border-box;
    width: 7rem;
    height: 4.8rem;
    background: #FFF;
    overflow: hidden;
    padding: .42rem 0 .32rem .36rem;
    border-bottom-right-radius: 5px;
}
.recomment-b-tit{
    display: block;
    width: 6.4rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .48rem;
    margin-top: .12rem;
    color: #999;
}
.recomment-img img{
    width: 2.4rem;
    height: 2.4rem;
    margin: 0rem .4rem;
}
.recomment-img{
    display: flex;
}
.guess{
    width: 15rem;
    margin: 0rem auto;
}
.guessLike{
    width: 14.04rem;
    height: 1.2rem;
    margin: .48rem auto 0rem;
}
.pro-list{
    width: 15rem;
    margin: 0 auto;
}
.pro-body{
    width: 14.04rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pro-left{
    width: 6.84rem;
}
.pro-right{
    width: 6.84rem;
}
.pro-box{
    position: relative;
    box-sizing: border-box;
    width: 6.84rem;
    overflow: hidden;
    border-radius: .24rem;
    margin-bottom: .36rem;
    background-color: #FFF;
}
.box-center{
    margin: .36rem auto 0;
    width: 6.36rem;
    height: 1.34rem;
    font-size: .52rem;
    line-height: .68rem;
    font-weight: bold;
    overflow: hidden;
}
.box-bottom{
    font-size: .6rem;
    position: relative;
    height: 1rem;
    margin-top: .5rem;
    margin-left: .24rem;
    line-height: 1rem;
    color: red;
}
.Navigation{
    width: 15rem;
    position: fixed;
    bottom: 0;
    height: 2rem;
    z-index: 99;
}
.Navigations{
    width: 15rem;
    position: fixed;
    bottom: 2rem;
    z-index: 99;
}
.Navigation-body{
    height: 2rem;
    margin: 0rem auto;
    display: flex;
    justify-content: space-between;
    background: #fff;
}
.Navigation-body a{
    position: relative;
    display: block;
    width: 3rem;
    height: 2rem;
    background: #fff;
    text-align: center;
}
.Navigation-body img{
    display: block;
    width: .96rem;
    height: .96rem;
    margin: .24rem auto 0;
}
.suspension1{
    position: fixed;
    width: 2rem;
    height: 2rem;
    right: 0.2rem;
    bottom: 12rem;
}
.suspension2{
    position: fixed;
    width: 2rem;
    height: 2.6rem;
    right: 0.2rem;
    bottom: 6rem;
}
.suspension1 img{
    display: block;
    width: 2rem;
    height: 2rem;
}
.suspension2 img{
    display: block;
    width: 2rem;
    height: 2.9rem;
}
.bottom-img{
    height: 5rem;
    margin-bottom: 1rem;
}